//医生列表
.doclist{
	min-height: 100%;
	/deep/.u-navbar--fixed{
		background-image: url(http://cdn.yingpaipay.com/uploads/20220408/fd10d1ed685ba56f90fc43c296eef516.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.content{
		padding-top: 112rpx;
	}
	/* 搜索 */
	.doclist_search {
		position: relative;
		background-color: #fff;
		box-shadow: 0 2rpx 6rpx #eee;
		padding: 22rpx 36rpx;
		position: fixed;
		width: 100%;
		z-index: 9999;
	}
	.hot-tag{
		padding: 0 59rpx;
		.tit{
			font-size: 28rpx;
			margin-top: 34rpx;
		}
		.tags{
			font-size: 26rpx;
			color: #7b7b7b;
			.item{
				display: inline-block;
				border-radius: 10rpx;
				background-color: #f7f7f7;
				padding: 12rpx 10rpx;
				margin-top: 28rpx;
				margin-right: 24rpx;
				text-align: center;
				min-width: 144rpx;
			}
		}

	}

	.doctor-list{
		padding: 0 20rpx 20rpx;

		.item{
			position: relative;
			margin-top: 20rpx;
			padding: 0 8rpx;
			background-color: #fff;
			border-radius: 10rpx;
			font-size: 28rpx;

			.status{
				position: absolute;
				top: 14rpx;
				right: 46rpx;
				font-size: 24rpx;
				color: #aaa;
				
				&:before{
					position: absolute;
					top: 12rpx;
					left: -20rpx;
					content: '';
					width: 12rpx;
					height: 12rpx;
					border-radius: 50%;
					background-color: #aaa;
				}
				
				&.success{color: #15bb26;}
				&.warn{color: #ef8509;}
				
				&.success:before{background-color: #15bb26;}
				&.warn:before{background-color: #ef8509;}
			}

			.info{
				padding: 20rpx 12rpx;

				.avatar{
					width: 78rpx;
					min-width: 78rpx;
					height: 78rpx;
					margin-right: 30rpx;
					border-radius: 50%;
				}

				.tit{
					margin-bottom: 10rpx;

					.name{}
					.zc{
						font-size: 24rpx;
						margin-left: 6rpx;
					}
				}

				.address{
					font-size: 24rpx;
					margin-right: 32rpx;
				}
				.department{
					font-size: 24rpx;
				}
			}

			.con{
				font-size: 24rpx;
				color: #808080;
				margin-top: 12rpx;
				padding-right: 20rpx;
			}

			.pricebox{
				margin-top: 22rpx;

				.pit{
					font-size: 24rpx;
					border-radius: 5rpx;
					color: #357505;
					background-color: #d8efc7;
					padding: 8rpx 14rpx;
				}
				.pit2{
					color: #b48415;
					background-color: #f7f3d2;
					margin-left: 20rpx;
				}
				.pit3{
					color: #4e31bb;
					background-color: #e3e6ff;
					margin-left: 20rpx;
				}
			}
			.btn-wys{
				width: 117rpx;
				height: 53rpx;
				line-height: 53rpx;
				border-radius: 53rpx;
				background-color: #12b3f1;
				color: #fff;
				font-size: 24rpx;;
				text-align: center;
				margin-top: 30rpx;
				margin-right: 20rpx;
			}
		}

		.num-box{
			padding: 0 0 6rpx;
			margin-top: 12rpx;
			.num-item{
				font-size: 24rpx;
				line-height: 18rpx;
				border-right: 1px solid #707070;
				padding-right: 24rpx;
				margin-right: 24rpx;

				&:last-child{
					border: none;
					padding-right: 0;
					margin-right: 0;
				}

				.label{
					color: #b1b1b1;
				}
				.num{
					color: #20940a;
				}
			}

		}

	}

}

//详情
.inquiry{
	/* 头部 */
	.doc_title{
		height: 250rpx;width: 750rpx;padding: 25rpx 30rpx;display: flex;position: relative;
		.doc_portrait {
			height: 200rpx;width: 180rpx;border-radius: 12rpx;
		}
		.title_info{
			width: 480rpx;height: 200rpx;margin-left: 30rpx;display: flex;flex-direction: column;justify-content: space-between;
			.title_rate{
				display: flex;align-items: center;
				text{
					color: #e9a944;margin-left: 10rpx;font-size: 24rpx;
				}
			}
		}
		.title_follow{
			position: absolute;right: 30rpx;top: 30rpx;height: 50rpx;width: 120rpx;line-height: 50rpx;text-align: center;
			border: 2rpx solid #62c7b2;border-radius: 6rpx;font-size: 24rpx;color: #62c7b2;
		}
	}
	// 电子执照
	.license{
		width: 750rpx;padding-left: 230rpx;color: #6fcdb9;font-size: 26rpx;display: flex;align-items: center;
		image{
			width: 34rpx;height: 30rpx;margin-right: 10rpx;
		}
	}
	.docinfo{
		padding: 10rpx 25rpx;margin-top: 10rpx;position: relative;
		.doc_look{
			position: absolute;background: #fff;right: 25rpx;bottom: 14rpx;height: 30rpx;width: 60rpx;
			color: #6fcdb9;font-size: 28rpx;line-height: 30rpx;text-align: right;
		}
		.doc_info{
			overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
		}
	}
	// 切换
	.passageway {
		margin-top: 45rpx;display: flex;width: 750rpx;padding: 0 55rpx;justify-content: space-between;align-items: center;
		.passageway_bos {
			background-color: #ffffff;box-shadow: 0px 0px 50rpx 0px rgba(213, 213, 213, 0.3);border-radius: 10rpx;position: relative;
		}
		.selected_a {
			width: 320rpx;height: 130rpx;background-color: #eca9a7;
		}
		.selected_b {
			width: 290rpx;height: 120rpx;background-color: #eca9a7;
		}
		.passageway_box {
			width: 100%;
			height: 100%;
			padding-left: 22rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.passageway_box view {
			margin-bottom: 10rpx;
		}

		.triangle {
			position: absolute;
			bottom: -12rpx;
			right: 60rpx;
			width: 24rpx;
			height: 24rpx;
			transform: rotate(45deg);
		}
	}
	/* 问诊 */
	.interrogation {
		width: 750rpx;
		padding: 0 25rpx;
		margin-top: 40rpx;
	}

	.interroga_tion {
		display: flex;
		align-items: center;
		padding: 36rpx 0;
		border-bottom: 1rpx #f6f6f6 solid;
	}

	.interroga_tion image {
		width: 50rpx;
		height: 50rpx;
	}

	.interroga_bos {
		width: 520rpx;
		padding-left: 30rpx;
	}

	.interroga_box {
		display: flex;
		align-items: center;
	}

	.interroga_box text {
		color: #ef8f34;
	}

	.interroga_button {
		width: 130rpx;
		height: 50rpx;
		border-radius: 20rpx;
		line-height: 50rpx;
		text-align: center;
		color: #ffffff;
	}

	.backgroundColor_eca9a7 {
		background-color: #eca9a7;
	}

	.backgroundColor_5dc9d5 {
		background-color: #5dc9d5;
	}

	.backgroundColor_6ccbb6 {
		background-color: #6ccbb6;
	}

	.backgroundColor_eeb041 {
		background-color: #eeb041;
	}

	/* 评论 */
	.comment {
		width: 750rpx;
		padding: 0 30rpx;
	}

	.comment_title {
		height: 100rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.comment_List {
		padding: 28rpx 0;
		border-top: 1rpx solid #ececec;
	}

	.commentlist_title {
		display: flex;
		align-items: center;
	}

	.comment_image {
		height: 80rpx;
		width: 80rpx;
		border-radius: 10rpx;
	}

	.comment_bos {
		width: 610rpx;
		padding-left: 30rpx;
		display: flex;
		align-items: center;
	}

	.comment_box {
		width: 350rpx;
	}

	.comment_rate {
		display: flex;
		align-items: center;
	}

	.comment_start {
		margin-left: 20rpx;
	}

	.comment_content {
		padding-left: 110rpx;
		margin-top: 20rpx;
	}

	/* 挂号 */
	/* 日期 */
	.time_title {
		padding: 26rpx 0 26rpx 25rpx;
	}

	.time_title text {
		margin-left: 20rpx;
	}

	.mzyy_title {
		width: 750rpx;
		height: 126rpx;
		position: relative;
	}


	.mzyy_yuyue {
		width: 124rpx;
		height: 126rpx;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.time_list {
		width: 750rpx;
		height: 126rpx;
		overflow: hidden;
		overflow-x: scroll;
		white-space: nowrap;
		padding-right: 86rpx;
	}

	.time_listbos {
		width: 124rpx;
		height: 126rpx;
		display: inline-block;
	}

	.time_listbox {
		width: 124rpx;
		height: 126rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.background_ffffff {
		background-color: #ffffff;
	}

	.background_6bcbb6 {
		background-color: #6bcbb6;
	}

	.title_choice {
		height: 126rpx;
		width: 86rpx;
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: rgba(255, 255, 255, 1);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.title_choice image {
		width: 36rpx;
		height: 36rpx;
	}

	/* 数据 */
	.docyy_data {
		background-color: #ffffff;
	}

	.docyy_list {
		width: 690rpx;
		margin-left: 30rpx;
		padding: 32rpx 0;
		background-color: #ffffff;
		font-size: 26rpx;
		display: flex;
		justify-content: space-between;
		border-bottom: 2rpx solid #f2f2f2;
	}

	.docyy_bos {
		display: flex;
		color: #f1a55e;
	}

	.docyy_bos image {
		height: 26rpx;
		width: 14rpx;
		margin-left: 30rpx;
	}

	/* 预约弹窗 */
	.ComPopup_bos {
		background-color: #fff;
		border-radius: 30rpx 30rpx 0 0;
	}

	.popup_title {
		position: relative;
		width: 750rpx;
		height: 106rpx;
	}

	.popup_time {
		width: 750rpx;
		text-align: center;
		height: 106rpx;
		line-height: 106rpx;
	}

	.popup_img {
		height: 36rpx;
		width: 36rpx;
		position: absolute;
		top: 35rpx;
		right: 20rpx;
	}

	.ComPopup_title {
		width: 750rpx;
		padding: 0rpx 0 52rpx 35rpx;
		display: flex;
		align-items: center;

		border-bottom: 2rpx #e8e8e8 solid;
	}

	.ComPopup_title {
		display: flex;
		width: 680rpx;
	}

	.ComPopup_image {
		height: 172rpx;
		width: 156rpx;
		border: 1rpx solid #e3e9e8;
		border-radius: 10rpx;
	}

	.ComPopup_titlebos {
		width: 500rpx;
		margin-left: 36rpx;
	}

	.ComPopup_titlebox {
		display: flex;
		margin-bottom: 26rpx;
	}

	.ComPopup_titlebox:last-of-type {
		margin-bottom: 0rpx;
	}

	.ComPopup_info {
		padding-left: 20rpx;
		width: 370rpx;
	}

	.ComPopup_titlebox text {
		color: #f1a55e;
	}

	.ComPopup_choois {
		margin: 44rpx 0 24rpx 25rpx;
	}

	.ComPopup_chooisa {
		margin-left: 25rpx;
		margin-bottom: 20rpx;
	}

	.ComPopup_list {
		display: flex;
		flex-wrap: wrap;
		padding-left: 25rpx;
	}

	.ComPopup_list view {
		margin-right: 44rpx;
		margin-bottom: 40rpx;
	}

	.ComPopup_list view:nth-of-type(5n) {
		margin-right: 0rpx;
	}

	.ComPopup_listname {
		font-size: 28rpx;
		height: 104rpx;
		width: 104rpx;
		border-radius: 52rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.listname_a {
		background-color: #6bcbb6;
		color: #fff;
	}

	.listname_b {
		background-color: #fff;
		color: #6bcbb6;
		border: 2rpx solid #6bcbb6;
	}

	.ComPopup_listadd {
		height: 104rpx;
		width: 104rpx;
		border-radius: 52rpx;
		border: 2rpx solid #6bcbb6;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 50rpx;
		color: #6bcbb6;
	}

	.popup_determine {
		height: 80rpx;
		background-color: #6bcbb6;
		line-height: 80rpx;
		text-align: center;
	}

	.loading {
		font-size: 28rpx;
		text-align: center;
		padding: 30rpx 0;
		color: #969696;
	}
}



// lj 2022-04
// 圆角按钮
.btn-fillet{
	width: 300rpx;
	height: 74rpx;
	line-height: 74rpx;
	text-align: center;
	color: #fff;
	border-radius: 10rpx;
	background-color: #12b3f1;
	box-shadow: 0 6rpx 6rpx #ace0f3;
}
// 胶囊按钮
.btn-capsule{
	width: 160rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	color: #fff;
	border-radius: 60rpx;
	background-color: #ecf5ff;
}
// 图片按钮
.btn-img{
	position: relative;
	width: 150rpx;
	height: 45rpx;
	line-height: 45rpx;
	text-align: center;
	color: #fff;
	image{
		width: 100%;
		height: 100%;
	}

	.btit{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.inquiry{
	padding-bottom: 20rpx;
	font-size: 26rpx;

	.title{
		position: relative;
		line-height: 40rpx;
		padding-left: 28rpx;
		margin-top: 25rpx;

		&:after{
			content: '';
			position: absolute;
			top: 4rpx;
			left: 6rpx;
			width: 6rpx;
			height: 32rpx;
			border-radius: 6rpx;
			background-color: #0daef1;
		}

		.tab-tip{
			background-color: #f7edc9;
			border-radius: 6rpx;
			font-size: 22rpx;
			color: #ce3c3c;
			margin-left: 10rpx;
			padding: 4rpx 20rpx;
		}
	}
	.title-outer{
		padding: 34rpx 34rpx 10rpx;
	}

	.content{
		padding: 0 20rpx;

		.card{
			background-color: #fff;
			border-radius: 12rpx;
			margin-top: 20rpx;

			.title{
				font-size: 30rpx;
				margin-top: 0;

				.ricon{
					font-size: 26rpx;
					color: #999999;
					margin-right: 14rpx;
				}
			}
		}

	}

	.head{
		background-color: #f6e9bd;
		padding: 20rpx 44rpx 14rpx;
		border-radius: 12rpx 12rpx 0 0;
		font-size: 24rpx;
		color: #d48d01;
	}

	.userinfo{
		padding: 18rpx 44rpx 32rpx 26rpx;

		.avatar{
			width: 114rpx;
			min-width: 114rpx;
			height: 114rpx;
			margin-right: 10rpx;
			border-radius: 50%;
		}

		.tit{
			margin-bottom: 16rpx;

			.name{
				font-size: 26rpx;
				margin-bottom: 6rpx;
				font-weight: 500;
			}
			.zc{
				font-size: 22rpx;
				margin-left: 8rpx;
			}

			.follow{
				width: 117rpx;
				min-width: 117rpx;
				height: 46rpx;
			}
		}

		.con{
			font-size: 22rpx;
			color: #666666;
			margin-top: 24rpx;

			.btn-text-detail{
				color: #27cf79;
				margin-left: 20rpx;
				padding: 10rpx;
			}
		}
	}

	.doctor-service{
		padding: 0 30rpx;
		.signing{
			height: 132rpx;
			border-radius: 10rpx;
			overflow: hidden;
			background-color: #f6f6f6;
			margin-top: 20rpx;

			.status{
				border-left: 10rpx solid #14d0fe;
				background-color: #ecfbff;
				color: #13cffe;
				font-size: 28rpx;
				font-weight: 500;
				width: 140rpx;
				line-height: 132rpx;
				text-align: center;
			}
			.con{
				.tags{
					padding: 0 16rpx;
					.tag{
						font-size: 22rpx;
						color: #666666;

						text{
							margin-left: 14rpx;
							color: #f48e17;
						}
					}
				}
				.time{
					font-size: 22rpx;
					color: #666666;
					margin-left: 20rpx;
					margin-top: 24rpx;
				}
			}
		}

		.item{
			border-radius: 6rpx;
			background-color: #f6f6f6;
			padding: 30rpx 30rpx 26rpx;
			padding-right: 26rpx;
			margin-top: 20rpx;
			.tit{}
			.price{
				color: #f48e17;
				margin-left: 14rpx;
			}
			.con{
				font-size: 22rpx;
				color: #808080;
				margin-top: 10rpx;
			}
			.btn-img{
				width: 132rpx;
				min-width: 132rpx;
				height: 45rpx;

				.btit{
					font-size: 24rpx;
				}
			}
		}
	}

	.sign-service{
		padding: 0 22rpx 20rpx;
		.item{
			width: 25%;
			min-width: 25%;
			padding-top: 30prx;
			padding-left: 16rpx;

			margin-top: 30rpx;
			.inner{
				width: 144rpx;
				border: 1px solid #999999;
				border-radius: 10rpx;
				padding: 24rpx 0 14rpx;
				font-size: 24rpx;;
				text-align: center;
				margin: 0 auto;
				&.on{
					border-color: #1bd4e3;
					background-color: #def9fb;
				}
			}

			.tit{}
			.price{
				color: #d48d01;
				margin-top: 20rpx;
			}
			.con{
				color: #a4a4a4;
				margin-top: 20rpx;
			}
		}

		.btn-fillet{
			width: 334rpx;
			height: 88rpx;
			line-height: 88rpx;
			font-size: 28rpx;
			margin: 40rpx auto 0;

			.price{
				margin-right: 26rpx;
			}
		}
	}

	.comment-tabs{
		padding-left: 34rpx;
		.item{
			min-width: 154rpx;
			height: 38rpx;
			line-height: 38rpx;
			border-radius: 38rpx;
			background-color: #f5f5f5;
			color: #575757;
			font-size: 24rpx;;
			margin-left: 12rpx;
			text-align: center;
			margin-top: 14rpx;
		}
	}

	.comment-list{
		padding-left: 34rpx;
		padding-right: 90rpx;
		padding-bottom: 14rpx;
		margin-top: 44rpx;
		.item{
			font-size: 20rpx;
			color: #808080;
			padding: 20rpx 6rpx;
			// margin-top: 20rpx;
			.avatar{
				width: 60rpx;
				min-width: 60rpx;
				height: 60rpx;
				border-radius: 50%;
				margin-right: 20rpx;
			}
			.tit{
				font-size: 24rpx;;
			}
			.name{}
			.zc{
				font-size: 18rpx;
				margin-left: 40rpx;
				padding: 0 8rpx;
				height: 30rpx;
				line-height: 30rpx;
				background-color: #e0f2d3;
				color: #246013;
				border-radius: 6rpx;
			}
			.con{
				margin-top: 10rpx;
			}
			.time{
				margin-top: 10rpx;
			}
		}
	}

	.article-list{
		padding-bottom: 24rpx;
		.item{
			border-bottom: 2rpx solid #f5f5f5;
			padding: 30rpx 34rpx;
			.tit{}
			.sub-tit,.views,.time{
				font-size: 22rpx;
				color: #999999;
				margin-top: 14rpx;
			}
			.views,.time{
				margin-top: 10rpx;
			}

			.cover{
				width: 220rpx;
				min-width: 220rpx;
				height: 148rpx;
				margin-left: 30rpx;
			}
		}
	}






}

.payment{
	padding: 30rpx 20rpx;
	font-size: 26rpx;

	.card{
		border-radius: 20rpx;
		background-color: #fff;
		
		.inner{
			padding: 16rpx 40rpx;
		}

		.label{
			width: 146rpx;
			min-width: 146rpx;
			color: #666666;
		}

		.item{
			padding: 8rpx 0;
		}
	}
	.head{
		border-radius: 6rpx;
		padding: 14rpx 20rpx 24rpx;
		padding-right: 35rpx;
		background-color: #dff6fe;
		color: #00b7ee;
		margin-bottom: -10rpx;

		.money{
			color: #f48e17;
		}
	}
	.imglist{
		image{
			width: 146rpx;
			height: 116rpx;
			margin-right: 20rpx;

			&:nth-child(3n){
				margin-right: 0;
			}
		}
	}
	.btn-fillet{
		margin: 124rpx auto 0;
	}
}



